* {
	margin: 0;
}

header {
	width: 100%;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #214B9F;
	font-size: 20px;
	background-color: rgba(0, 0, 0, .4);
	.back {
		position: absolute;
		left: 10px;
		color: #333;
		font-size: 16px;
	}
}
.address-manage{
	width: 100%;
	.no-address-icon{
		width: 103px;
		height: 103px;
		position: relative;
		margin-top: 50px;
		left: 136px;
		display: inline-block;
		background-image: url(../images/icon1@2x.png);
		background-size: 480%;
		background-position: 0 -147px;
	}
	p{
		width: 100%;
		text-align: center;
		margin: 20px 0;
		font-size: 16px;
	}
	.add-address-btn{
		margin: 20px auto;
		width: 200px;
		height: 50px;
		line-height: 50px;
		background-color: #214B9F;
		color: #fff;
		font-size: 18px;
		text-align: center;
	}
}
/* 有地址 */
.addresses-manage{
	width: 100%;
	height: 100%;
	background-color: #eee;
	.address-item{
		height: 200px;
		position: relative;
		margin-bottom: 20px;
		background-color: #fff;
		color: #666;
		font-size: 16px;
		.name{
			margin: 22px;
			margin-bottom: 18px;
			display: inline-block;
		}
		.phone{
			display: inline-block;
		}
		.default{
			position: absolute;
			top: 22px;
			right: 22px;
			width: 55px;
			height: 21px;
			line-height: 21px;
			text-align: center;
			background-color: #cdf;
			border-radius: 3px;
			display: none;
			color: #214b9f;
			font-size: 14px;
		}
		.activity{
			display: block;
		}
		.address{
			width: 100%;
			height: 76px;
			border-top: 1px #dbdbdb solid;
			border-bottom: 1px #dbdbdb solid;
			box-sizing: border-box;
			padding: 22px;
			font-size: 14px;
			color: #a8a8a8;
		}
		p{
			width: 89px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			background-color: #9e9e9e;
			position: absolute;
			bottom: 16px;
			color: #fff;
		}
		.compile-btn{
			right: 125px;
		}
		.delete-btn{
			right: 20px;
		}
	}
}
